﻿html { --Zcolor: #ef250f; --Fcolor:#fba620; --PicColor: #e73324; --JBcolor:-webkit-linear-gradient( left,#fba620,#ef250f); --JDcolor:-webkit-linear-gradient( left,#ee0f23,#fc6e7a); --PINDANcolor:-webkit-linear-gradient( left,#dd6572,#fa9ca6); font-size: 3.1vw;--color: #00a2ca;}
body{ margin: 0px !important; background: #f1f1f1;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;/* box-sizing:border-box; */}
.flex_box{ display:flex; display: -webkit-flex; display: -ms-flex;}
.flex_center{ display:flex; display: -webkit-flex; display: -ms-flex; align-items: center}

@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff2') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5{ list-style:none; padding: 0px; margin: 0px;}
i,em{ font-style:inherit;}
p{ padding:0px; margin:0px; }
img{vertical-align:bottom; border:0px !important;}
a,span,label,i,em,b,font{ display:inline-block;}
a{ text-decoration:none; color:#3c3c3c; cursor:pointer !important;}
a:active,input:active{ outline:none;}
.text_hide{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text_show{ white-space:normal; overflow: auto; text-overflow:ellipsis;}
.display_inline_block{ display:inline-block;}
.hide{ display:none;}
.hide_1{ display:none;}
.show{ display:block !important;}
.float_right{ float:right !important;}
.float_none{ float:none !important;}
.cursor_pointer{ cursor:pointer;}
.display_none{ display:none;}
.display_block{ display:block !important;}
.display_initial{ display:initial !important;}
.price{font-size:15px; font-family:Verdana; color:#e84d1c;}
.height_initial{ height:initial !important;}
.border_0{ border:0px !important;}
.border_bottom{ border-bottom:1px solid #e4e4e4;}
.text_through{ text-decoration:line-through;}
.text_underline{ text-decoration:underline;}
.no_radius{border-radius: inherit  !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

/***
字体样式jl_font
***/
.font_white{ color:#FFF !important;}
.font_red{ color:#f4645f !important;}
.font_yellow{ color:#ed9c28 !important;}
.font_blue{ color:#2664be !important;}
.font_green{ color:#28b779 !important;}
.font_purple{ color:#852b99 !important;}
.font_gray{ color:#aaaaaa !important;}
.font_gray_ccc{ color:#ccc !important;}
.font_black_000{ color:#000 !important;}
.font_black_111{ color:#111 !important;}
.font_black_222{ color:#222 !important;}
.font_black_333{ color:#333 !important;}
.font_black_444{ color:#444 !important;}
.font_black_555{ color:#555 !important;}
.font_black_666{ color:#666 !important;}
.font_black_777{ color:#777 !important;}
.font_black_888{ color:#888 !important;}
.font_black_999{ color:#999 !important;}
.font_orange{ color:#e84d1c !important;}
.font_pink{color:#f29588  !important;}
.font_dark_blue{color:#01363b !important;}
.font_light_green{ color:#8cba00 !important;}
.font_rose_rad{ color:#ea0081 !important;}
.font_size_msmall{font-size:1rem !important;}
.font_size_small{font-size:1.2rem !important;}
.font_size_standard{font-size:1.4rem !important;}
.font_size_large{font-size:1.6rem !important;}
.font_size_super{font-size:1.8rem !important;}
.font_weight_bold{font-weight: bold !important;}
.font_weight500{font-weight: 500 !important;}
.font_block{color:#666 !important;}

.clear{ clear:both !important;}
.z_index1{z-index:1;}
.z_index999{z-index:999;}
.box-shadow5{ box-shadow: 0px 0px 5px #666 !important;}
.position_a{ position:absolute !important;}
.position_f{ position:fixed !important;}
.position_r{ position:relative !important;}
.fl{ float:left !important;}
.fr{ float:right !important;}
.tc{ text-align:center !important;}
.tr{ text-align:right !important;}
.tl{ text-align:left !important;}
.top_100{top: 100% !important; bottom:inherit !important;}
.bottom_100{bottom: 100% !important; top:inherit !important;}
.top0{top: 0px !important; bottom:inherit !important;}
.topcenter{top: 50% !important; bottom:inherit !important;}
.bottom0{bottom: 0px !important; top:inherit !important;}
.left0{ left:0px;}
.left-1{ left:-1px;}
.right0{ right:0px !important; left:inherit !important;}
.right-1{ right:-1px !important; left:inherit !important;}
.right10{ right:10px !important; left:inherit !important;}
.right15{ right:15px !important; left:inherit !important;}
.right20{ right:20px !important; left:inherit !important;}
.right30{ right:30px !important; left:inherit !important;}
.right40{ right:40px !important; left:inherit !important;}
.right50{ right:50px !important; left:inherit !important;}
.right60{ right:60px !important; left:inherit !important;}
.right70{ right:70px !important; left:inherit !important;}
.right100{ right: 100% !important; left:inherit !important;}

.pt0{ padding-top:0px !important;}
.pt5{ padding-top:5px !important;}
.pt10{ padding-top:10px !important;}
.pt15{ padding-top:15px !important;}
.pt20{ padding-top:20px !important;}
.pt25{ padding-top:25px !important;}
.pt30{ padding-top:30px !important;}
.pt40{ padding-top:40px !important;}
.pt45{ padding-top:45px !important;}
.pt50{ padding-top:50px !important;}

.pb0{ padding-bottom:0px !important;}
.pb5{ padding-bottom:5px !important;}
.pb10{ padding-bottom:10px !important;}
.pb15{ padding-bottom:15px !important;}
.pb20{ padding-bottom:20px !important;}
.pb25{ padding-bottom:25px !important;}
.pb30{ padding-bottom:30px !important;}
.pb50{ padding-bottom:50px !important;}
.pb250{ padding-bottom:250px !important;}

.pl0{ padding-left:0px !important;}
.pl5{ padding-left:5px !important;}
.pl10{ padding-left:10px !important;}
.pl15{ padding-left:15px !important;}
.pl20{ padding-left:20px !important;}
.pl25{ padding-left:25px !important;}
.pl30{ padding-left:30px !important;}
.pl35{ padding-left:35px !important;}
.pl40{ padding-left:40px !important;}
.pl45{ padding-left:45px !important;}
.pl50{ padding-left:50px !important;}
.pl55{ padding-left:55px !important;}
.pl60{ padding-left:60px !important;}

.pr0{ padding-right:0px !important;}
.pr5{ padding-right:5px !important;}
.pr10{ padding-right:10px !important;}
.pr15{ padding-right:15px !important;}
.pr20{ padding-right:20px !important;}
.pr25{ padding-right:25px !important;}
.pr30{ padding-right:30px !important;}
.pr35{ padding-right:35px !important;}
.pr40{ padding-right:40px !important;}
.pr45{ padding-right:45px !important;}
.pr50{ padding-right:50px !important;}

.plr0{ padding:0 0 !important;}
.plr5{ padding:0 5px !important;}
.plr10{ padding-left: 10px !important; padding-right: 10px !important;}
.plr15{ padding-left: 15px !important; padding-right: 15px !important;}
.plr20{ padding:0 20px !important;}
.plr25{ padding:0 25px !important;}
.plr30{ padding:0 30px !important;}
.plr35{ padding:0 35px !important;}
.plr40{ padding:0 40px !important;}
.plr45{ padding:0 45px !important;}
.plr50{ padding:0 50px !important;}

.ptb0{ padding:0px 0 !important;}
.ptb5{ padding-top: 5px !important; padding-bottom: 5px !important;}
.ptb10{ padding:10px 0 !important;}
.ptb15{ padding-top: 15px !important; padding-bottom: 15px !important;}
.ptb20{ padding:20px 0px !important;}
.ptb25{ padding:25px 0px !important;}
.ptb30{ padding:30px 0px !important;}
.ptb35{ padding:35px 0px !important;}
.ptb40{ padding:40px 0px !important;}
.ptb45{ padding:45px 0px !important;}
.ptb50{ padding:50px 0px !important;}

.mt0{ margin-top:0px !important;}
.mt5{ margin-top:5px !important;}
.mt-1{ margin-top:-1px !important;}
.mt-5{ margin-top:-5px !important;}
.mt10{ margin-top:10px !important;}
.mt-10{ margin-top:-10px !important;}
.mt15{ margin-top:15px !important;}
.mt-15{ margin-top:-15px !important;}
.mt20{ margin-top:20px !important;}
.mt-20{ margin-top:-20px !important;}
.mt25{ margin-top:25px !important;}
.mt-25{ margin-top:-25px !important;}
.mt30{ margin-top:30px !important;}
.mt-30{ margin-top:-30px !important;}
.mt35{ margin-top:35px !important;}
.mt-35{ margin-top:-35px !important;}
.mt40{ margin-top:40px !important;}
.mt-40{ margin-top:-40px !important;}
.mt45{ margin-top:45px !important;}
.mt-45{ margin-top:-45px !important;}
.mt50{ margin-top:50px !important;}
.mt-50{ margin-top:-50px !important;}

.mb0{ margin-bottom:0px !important;}
.mb5{ margin-bottom:5px !important;}
.mb-1{ margin-bottom:-1px !important;}
.mb-5{ margin-bottom:-5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb-10{ margin-bottom:-10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb-15{ margin-bottom:-15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb-20{ margin-bottom:-20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb-25{ margin-bottom:-25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb-30{ margin-bottom:-30px !important;}
.mb45{ margin-bottom:45px !important;}
.mb-45{ margin-bottom:-45px !important;}
.mb50{ margin-bottom:50px !important;}
.mb-50{ margin-bottom:-50px !important;}

.ml0{ margin-left:0px !important;}
.ml5{ margin-left:5px !important;}
.ml-1{ margin-left:-1px !important;}
.ml-5{ margin-left:-5px !important;}
.ml10{ margin-left:10px !important;}
.ml-10{ margin-left:-10px !important;}
.ml15{ margin-left:15px !important;}
.ml-15{ margin-left:-15px !important;}
.ml20{ margin-left:20px !important;}
.ml-20{ margin-left:-20px !important;}
.ml25{ margin-left:25px !important;}
.ml-25{ margin-left:-25px !important;}
.ml30{ margin-left:30px !important;}
.ml-30{ margin-left:-30px !important;}
.ml50{ margin-left:50px !important;}
.ml-50{ margin-left:-50px !important;}

.mr0{ margin-right:0px !important;}
.mr5{ margin-right:5px !important;}
.mr-1{ margin-right:-1px !important;}
.mr-5{ margin-right:-5px !important;}
.mr10{ margin-right:10px !important;}
.mr-10{ margin-right:-10px !important;}
.mr15{ margin-right:15px !important;}
.mr-15{ margin-right:-15px !important;}
.mr20{ margin-right:20px !important;}
.mr-20{ margin-right:-20px !important;}
.mr25{ margin-right:25px !important;}
.mr-25{ margin-right:-25px !important;}
.mr30{ margin-right:30px !important;}
.mr-30{ margin-right:-30px !important;}
.mr35{ margin-right:35px !important;}
.mr-35{ margin-right:-35px !important;}
.mr40{ margin-right:40px !important;}
.mr-40{ margin-right:-40px !important;}
.mr45{ margin-right:45px !important;}
.mr-45{ margin-right:-45px !important;}
.mr50{ margin-right:50px !important;}
.mr-50{ margin-right:-50px !important;}

.lh20{ line-height:20px !important;}
.lh25{ line-height:25px !important;}
.lh30{ line-height:30px !important;}
.lh35{ line-height:35px !important;}
.lh40{ line-height:40px !important;}
.lh45{ line-height:45px !important;}
.lh50{ line-height:50px !important;}

.max_h20{ max-height:20px !important;}
.max_h25{ max-height:25px !important;}
.max_h30{ max-height:30px !important;}
.max_h35{ max-height:35px !important;}
.max_h40{ max-height:40px !important;}
.max_h45{ max-height:45px !important;}
.max_h50{ max-height:50px !important;}
.max_h55{ max-height:55px !important;}
.max_h60{ max-height:60px !important;}
.max_h65{ max-height:65px !important;}
.max_h100{ max-height:100px !important;}
.max_h118{ max-height:118px !important;}
.max_h200{ max-height:200px !important;}
.max_h300{ max-height:300px !important;}
.max_h450{ max-height:450px !important;}
.max_height{ max-height:100% !important;}
.heightfull{ height:100% !important;}

.min_h20{ min-height:20px !important;}
.min_h25{ min-height:25px !important;}
.min_h30{ min-height:30px !important;}
.min_h35{ min-height:35px !important;}
.min_h40{ min-height:40px !important;}
.min_h45{ min-height:45px !important;}
.min_h50{ min-height:50px !important;}
.min_h55{ min-height:55px !important;}
.min_h60{ min-height:60px !important;}
.min_h65{ min-height:65px !important;}

.max_w200{ max-width:200px !important;}

.overflow_hidden{ overflow:hidden !important;}
.overflow_initial{ overflow:initial !important;}
.overflow_inherit{ overflow:inherit !important;}
.overflow_y_inherit{ overflow-y:inherit !important;}
.overflow_y{ overflow-y:auto !important;}
.overflow_yh{ overflow-y:hidden !important;}
.overflow_xh{ overflow-x:hidden !important;}
.height_inherit{ height:inherit !important;}
.text_hide{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text_hide_none{ white-space:initial !important; overflow:initial !important; text-overflow:initial !important;}
button.Z{ background: var(--JBcolor); border: 0px; color: #fff; height: 5vh; border-radius: 2.5vh; font-size: 1.1rem; font-weight: 500;}
.font_size_S{ font-size: 1rem;}
.font_size_B{ font-size: 1.2rem;}

/***
宽度定义
***/

.w20, .w12, .w11, .w10, .w09, .w08, .w07, .w06, .w05, .w04, .w03, .w02, .w01{ float:left;}
.w20{width:20% !important;}
.w12{width:100% !important;}
.w11{width:91.66666667% !important;}
.w10{width:83.33333333% !important;}
.w09{width:75% !important;}
.w08{width:66.66666667% !important;}
.w07{width:58.33333333% !important;}
.w06{width:50% !important;}
.w05{width:41.66666667% !important;}
.w04{width:33.33333333% !important;}
.w03{width:25% !important;}
.w02{width:16.66666667% !important;}
.w01{width:8.33333333% !important;}

.width30, .width50, .width80, .width100, .width120, .width150, .width200, .width250, .width300{ float:left;}
.width30{ width:30px !important;}
.width50{ width:50px !important;}
.width80{ width:80px !important;}
.width100{ width:100px !important;}
.width120{ width:120px !important;}
.width150{ width:150px !important;}
.width200{ width:200px !important;}
.width250{ width:250px !important;}
.width300{ width:300px !important;}

.height30{ height:30px !important;}
.height50{ height:50px !important;}
.height80{ height:80px !important;}
.height100{ height:100px !important;}
.height120{ height:120px !important;}
.height150{ height:150px !important;}
.height200{ height:200px !important;}
.height250{ height:250px !important;}

.min_w15{ min-width:15px !important;}
.min_w20{ min-width:20px !important;}
.min_w25{ min-width:25px !important;}
.min_w30{ min-width:30px !important;}

.min_w12{ min-width:100% !important;}

.ml_w12{ margin-left:100% !important;}
.ml_w11{ margin-left:91.66666667% !important;}
.ml_w10{ margin-left:83.33333333% !important;}
.ml_w09{ margin-left:75% !important;}
.ml_w08{ margin-left:66.66666667% !important;}
.ml_w07{ margin-left:58.33333333% !important;}
.ml_w06{ margin-left:50% !important;}
.ml_w05{ margin-left:41.66666667% !important;}
.ml_w04{ margin-left:33.33333333% !important;}
.ml_w03{ margin-left:25% !important;}
.ml_w20{ margin-left:20% !important;}
.ml_w02{ margin-left:16.66666667% !important;}
.ml_w01{ margin-left:8.33333333% !important;}
.mr_w12{ margin-right:100% !important;}
.mr_w11{ margin-right:91.66666667% !important;}
.mr_w10{ margin-right:83.33333333% !important;}
.mr_w09{ margin-right:75% !important;}
.mr_w08{ margin-right:66.66666667% !important;}
.mr_w07{ margin-right:58.33333333% !important;}
.mr_w06{ margin-right:50% !important;}
.mr_w05{ margin-right:41.66666667% !important;}
.mr_w04{ margin-right:33.33333333% !important;}
.mr_w03{ margin-right:25% !important;}
.mr_w20{ margin-right:20% !important;}
.mr_w02{ margin-right:16.66666667% !important;}
.mr_w01{ margin-right:8.33333333% !important;}

.pl_w12{ padding-left:100% !important;}
.pl_w11{ padding-left:91.66666667% !important;}
.pl_w10{ padding-left:83.33333333% !important;}
.pl_w09{ padding-left:75% !important;}
.pl_w08{ padding-left:66.66666667% !important;}
.pl_w07{ padding-left:58.33333333% !important;}
.pl_w06{ padding-left:50% !important;}
.pl_w05{ padding-left:41.66666667% !important;}
.pl_w04{ padding-left:33.33333333% !important;}
.pl_w03{ padding-left:25% !important;}
.pl_w20{ padding-left:20% !important;}
.pl_w02{ padding-left:16.66666667% !important;}
.pl_w01{ padding-left:8.33333333% !important;}
.pr_w12{ padding-right:100% !important;}
.pr_w11{ padding-right:91.66666667% !important;}
.pr_w10{ padding-right:83.33333333% !important;}
.pr_w09{ padding-right:75% !important;}
.pr_w08{ padding-right:66.66666667% !important;}
.pr_w07{ padding-right:58.33333333% !important;}
.pr_w06{ padding-right:50% !important;}
.pr_w05{ padding-right:41.66666667% !important;}
.pr_w04{ padding-right:33.33333333% !important;}
.pr_w03{ padding-right:25% !important;}
.pr_w20{ padding-right:20% !important;}
.pr_w02{ padding-right:16.66666667% !important;}
.pr_w01{ padding-right:8.33333333% !important;}



.body{ float: left; width: 100%; padding: 7.5vh 0 8vh 0; min-height: 100vh; background: #f1f1f1;}
.tabs{ position: fixed; bottom: 0px; left: 0px; z-index: 900; height: 8vh; width: 100%; background: rgba(241,241,241,.95); display:flex; display: -webkit-flex; display: -ms-flex;}
.tabs .tabs_item{ float: left; width: 100%;}
.tabs .tabs_item .icon{ float: left; width: 100%; height: 50%; font-size: 1.7rem; text-align: center; margin: 5% 0 2px 0;}
.tabs .tabs_item span.name{ float: left; width: 100%; text-align: center; font-size: .8rem;}
.tabs .tabs_item.xuan{ color: var(--Zcolor);}



.bor_bottom{ position:relative; border:none; background-image:-webkit-linear-gradient(#eee 50%,transparent 50%); background-image:-moz-linear-gradient(#eee 50%,transparent 50%); background-image:-o-linear-gradient(#eee 50%,transparent 50%); background-image:linear-gradient(#eee 50%,transparent 50%); background-size:100% 1px; background-repeat:no-repeat; background-position:bottom;}



.model{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,.5); z-index: 999; display: none;}
.model .model_main{ position: absolute; width: 100%; left: 0px; bottom: 0px;}
.model .model_header{ float: left; width: 100%; position: relative; text-align: center; padding: 15px 0; color: #333; font-size: 1.2rem; font-weight: bold; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.model .model_header .iconfont{ position: absolute; right:15px; font-size: 1.2rem; top: 18px; color: #aaa;}
.model .model_body{ float: left; width: 100%; height: 50vh; background: #fff; padding: 0 15px;}
.model .model_footer{ float: left; width: 100%; background: #fff; padding: 15px;}
.model .model_footer .Lagbtn{ width: 100%;}
.model_main_case01{}
.model_main_case01 p{ float: left; width: 100%; line-height: 20px; padding: 15px 0; border-bottom: 1px solid #eee; margin: 0px;}
.model_main_case01 p:first-child{ padding-top: 0px;}
.model_main_case01 p.xuan{ color: var(--Zcolor)}
.model_main_case01 p.xuan .dg{ display: block;}
.model_main_case01 p span.text{ float: left; width: calc(100% - 50px)}



.jl_form{ float:left; width:100%; padding:0 0 0 15px;}
.jl_form em{ position: absolute; font-size: 14px; left: -8px; top: 50%; line-height: 20px; margin-top: -8px;}
.jl_list em{ position: absolute; font-size: 14px; left: -8px; top: 50%; line-height: 20px; margin-top: -8px;}
.jl_input em{ position: absolute; font-size: 14px; left: -8px; top: 50%; line-height: 20px; margin-top: -8px;}
.jl_form:active{ background:#f1f1f1;}
.jl_form_item{ padding:15px 35px 15px 0; float:left; width:100%; line-height:20px; font-size:1.6rem !important; position:relative; margin-bottom:-1px;}
.jl_form_item > i{ width:20px; height:20px; text-align:right; line-height:20px; padding:0px; position: absolute; top:50%; margin-top:-10px; right:10px; font-size:2.2rem !important; color:#999; }
.jl_form_item > input{ border:0px !important; line-height:20px !important; padding:0px;}
.jl_form_item > textarea{ border:0px !important; padding:0px !important; line-height:20px; text-indent:0px;}
.jl_form_item > span > div.img{ width: 20px; height: 20px; float: right; overflow: hidden; margin:10px 10px 0 0;}
.jl_form_item > span > div.img img{ width: 20px;}
.jl_form_item > span.form_img_list{ margin-top: -10px;}
.form_img_item{ float:left; position:relative; width:80px; height:80px; margin:0 15px 15px 0;}
.form_img_item.add{ padding: 0px; border:1px dashed #e4e4e4; color:#ccc; font-weight:100;}
.form_img_item.add > i.fa-camera{ font-size:20px !important; float:left; width: 100%; text-align:center; position: inherit; color: #e4e4e4; margin: 20px 0 0 0; top: 0px; left: 0px;}
.form_img_item.add > span{ font-size:12px !important; float:left; width: 100%; text-align:center; margin-top: 5px; color: #ccc;}
.form_img_item.addimg{ border: 0px;}
.form_img_item img{ width:100%; height:100%; float: left;}
.form_img_item.addimg > i.fa-times-circle{ position:absolute; top:0; right:-5px; z-index:1; background:#fff; border-radius:50%;}
.jl_form_item.jl_form_icon{ padding-left:35px;}
.jl_form_item.jl_form_icon .form_icon{ width:30px; height:30px; line-height:30px; font-size:20px; position:absolute; left:0; top:9px;}
.jl_form_item.jl_form_icon .form_icon img{ width:100%;}
.jl_form_item.jl_form_img{ padding-left:70px; min-height:84px;}
.jl_form_item.jl_form_img .form_img{ width:60px; height:60px; position:absolute; left:0; top:10px; text-align: center;}
.jl_form_item.jl_form_img .form_img img{ width:100%;}
.jl_form_item.jl_form_img .form_img i{ color: #fff; font-size: 30px; line-height: 60px;}
.jl_form_item.jl_form_rightImg img{ width:60px;}
.jl_form_item.jl_form_rightImg span{ line-height:60px;}
.jl_form_right{ padding-right: 0px;}
.jl_form_right > div.form_main{ width:calc(100% - 40px); float: left;}
.jl_form_right > span{ position: inherit; float: right; margin-top: 0px; font-size: 20px;}

.jl_list{ float:left; width:100%; padding:0 0 0 15px;}
.jl_list_item{ padding:15px 15px 15px 0; float:left; width:100%; font-size:1.6rem !important; position:relative; margin-bottom:-1px;}
.jl_list_item > .list_body_title{ font-size:1.6rem;}
.jl_list_item .list_body_title em{ color:#fff; padding:1px 5px;}
.jl_list_item.list_checkbox{ padding-left:40px;}
.jl_list_item > .list_checkbox{ position:absolute; width:30px; height:100%; z-index:2; top:0px; left:0px;}
.jl_list_item > .list_checkbox > i{ margin: auto; font-size:3rem;}
.jl_list_title{ padding:10px 0;}
.list_body_main{ font-size:1.6rem; line-height:18px;}
.list_body_main .distance{ position:absolute; right:0px; bottom:12px; width:70px;}
.list_body_main .distance i{ font-size:30px; text-align:center;}
.list_body_main p{ margin-top:5px;}
.list_img_item{ padding-left:75px; min-height:90px;}
.list_img_item .list_body_title{ font-size:16px;}
.list_img_item .list_body_title em{ color:#fff; padding:1px 5px;}
.list_img_item .list_img{ width:60px; height:60px; position:absolute; left:0px; text-align:center; line-height:60px; color:#fff;}
.list_img_item .list_img img{ width:100%; height:100%;}
.list_img_item .list_img div{ position:absolute; width:100%; height:30px; line-height:30px; color:#fff; background:rgba(0,0,0,0.8); bottom:0px;}
.list_img_item.img_small{ padding-left:60px; min-height:80px;}
.list_img_item.img_small > .list_img{ width:50px; height:50px; line-height:50px; position:absolute; left:0px;}
.list_img_item.img_big{ padding-left:110px; min-height:125px;}
.list_img_item.img_big.list_checkbox{ padding-left:140px;}
.list_img_item.img_big > .list_img{ width:100px; height:100px; position:absolute; left:0px;}
.list_img_item.img_big.list_checkbox > .list_img{ left:30px;}
.list_img_item > .list_checkbox{ position:absolute; width:30px; height:100%; z-index:2; top:0px; left:0px;}
.list_img_item > .list_checkbox > i{ margin: auto; font-size:16px;}
.list_img_item button{ height: 25px; line-height: 23px; background: #fff; font-size: 12px; padding: 0 10px; border: 1px solid #e4e4e4; border-radius: 15px;}

.list_img_item.img_max{ padding-left:0;}
.list_img_item.img_max > .list_img{ float:left; position:relative; left:auto; width:100%; height:100%;}

.jl_input{ float:left; width:100%; padding:0 0 0 15px;}
.jl_input_item{ padding:15px 30px 15px 0; float:left; width:100%; line-height:20px; font-size:1.6rem !important; position:relative; margin-bottom:-0.5px;}
.jl_input_item > i{ width:20px; height:20px; text-align:right; line-height:20px; padding:0px; position:absolute; top:50%; margin-top:-10px; right:15px; font-size:1.6rem !important; color:#999; z-index:1;}
.jl_input_item > input{ border:0px !important; line-height:20px !important; padding:0px;}
.jl_input_item > input[disabled]{ background: #fff;}
.jl_input_item > textarea{ border:0px !important; padding:0px !important; line-height:20px; text-indent:0px;}
.jl_input_item > label{ border-left:1px solid #e4e4e4;}
.jl_input_item > button{ position: absolute; width: 80px; top: 13px; border-radius: 3px; border: 1px solid #000; right: 15px; padding: 4px 0; background: #fff;}

.bor_bottom{ position:relative; border:none; background-image:-webkit-linear-gradient(#e4e4e4 50%,transparent 50%); background-image:-moz-linear-gradient(#e4e4e4 50%,transparent 50%); background-image:-o-linear-gradient(#e4e4e4 50%,transparent 50%); background-image:linear-gradient(#e4e4e4 50%,transparent 50%); background-size:100% 1px; background-repeat:no-repeat; background-position:bottom;}
